<template>
  <div class="app-main">
    <a class="a-button" @click="onTestClick">测试 Vue 文33333333件：{{count}}</a>
    <br/>
    <img src="@/assets/logo.png" alt="logo" style="width:50px;height:50px;"/>
    <img src="@/assets/example.png" alt="" style="width:50px;height:50px;"/>
    <br/>
    <img src="/static/images/logo.png" alt="logo" style="width:50px;height:50px;"/>
    <img src="/static/images/example.png" alt="" style="width:50px;height:50px;"/>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
  methods: {
    onTestClick(event: any) {
      console.log(event)
      this.count++
    }
  },
  setup() {
    const count = ref(3)
    return {
      count
    }
  }
})
</script>
<style>
html,
body {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  background-color: red;
}
</style>
<style lang="less">
.app-main {
  .a-button {
    color: #fff;
    font-size: 16px;
  }
}
</style>